<script lang="ts" setup>
  import { ref, watch } from 'vue';
  import { useBooleanStore } from '@/store';

  const booleanStore = useBooleanStore();
  const visible = ref(false);

  watch(
    () => booleanStore.versionVisible,
    () => {
      visible.value = true;
    }
  );
</script>

<template>
  <a-modal v-model:visible="visible" :footer="false">
    <template #title> 当前版本 </template>
    <div> 当前版本为：<span class="font">2025-05-08</span> </div>
  </a-modal>
</template>

<style scoped>
  .font {
    font-size: 18px;
    font-weight: bold;
    color: #c3272b;
  }
</style>
